/* prettier-ignore */
.selection-container {
  @include cut-left-corner(10Px);
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba($colorGrey, 0.5);
    z-index: -2;
  }
  &::after {
    content: "";
    @include cut-left-corner(10Px);
    position: absolute;
    top: 1Px;
    right: 1Px;
    bottom: 1Px;
    left: 1Px;
    background-color: $colorLightBeige;
    z-index: -1;
  }

  display: flex;
  align-items: center;

  &--content {
    width: 100%;
    padding: $marginSmall $marginSmall $marginSmall $margin;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.down-icon {
  width: 12px;
  height: 6px;
  display: flex;
}
